.messageBox {

  .head {
    height: 70px;
    position: relative;
    .headImg {
      width: 62px;
      height: 62px;
      border: 1px solid #00C157;
      border-radius: 50%;
      position: absolute;
      background-color: #fff;
      left: 30px;
      bottom: -20px;
    }
  }

  .textArea {
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    height: 146px;
    border: 1px solid #00C157;
    border-radius: 12px;
    outline: none;
  }

  .heighter {
    height: 182px;
  }

  .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 17px;

    .bottomLeft {
      .bottomLeftIcon {
        margin-left: 14px;
        margin-right: 20px;
      }

      .bottomLeftIconSmil {
        width: 36px;
        height: 36px;
      }

      .bottomLeftIconTu {
        width: 39px;
        height: 33px;
      }
    }

    .bottomRight {
      .bottomRightBtn {
        padding: 12px 65px;
        background: #00C157;
        border-radius: 12px;
        font-size: 33px;
        font-weight: 600;
        color: #FFFFFF;
      }
    }
  }
}